@import '../../global';

.title {
  .flexContainer(4px);
  height: 40px;
  padding: 13px 20px;
  margin-bottom: 20px;
  font-weight: bold;
  background-color: @fail_bg;
}
.form {
  .flexContainer(0, column);
  padding: 0 20px;

  .formItem {
    width: 100%;
    margin-bottom: 20px;

    .itemLabel {
      margin-bottom: 12px;

      .itemLabelSecondary {
        margin-top: 5px;
        color: @tip_text;
      }
    }

    .warn {
      color: @error;
    }

    .itemInput {
      .flexContainer(4px);
      :global(.cke) {
        min-height: 645px;
      }
      :global(.smooth-dnd-container) {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 4px;
      }
      :global(.smooth-dnd-draggable-wrapper) {
        height: 44px;
        width: 100%;
        padding: 0 12px;
        .flexContainer(12px);
        background-color: @gray_bg;

        :global(.drag-icon) {
          cursor: move;
        }
      }
      .addOption {
        height: 1em;
        width: 100%;
        margin-top: 4px;
        .flexContainer(0);
      }
    }


  }
  .formItemRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid @line_color;

    .itemLabel {
      margin-bottom: 0;
    }
  }
  .noLine {
    padding-bottom:0;
    border-bottom: none;
  }
  .formActions {
    :global(.ant-btn) {
      border: 1px solid @not_allowed_color !important;
      color: @not_allowed_color !important;
      background-color: #ffffff !important;
    }
    .confirm {
      border-color: @green_bg !important;
      color: @green_bg !important;
      margin-right: 4px;
    }
  }

  textarea:global(.ant-input) {
    height: 136px !important;
  }
}
.flexFill {
  flex: auto;
}
.redButtonText {
  font-weight: normal;
  color: @main_color;
  cursor: pointer;
}
.smallIcon {
  font-size: 1em;
  color: @main_color;
  cursor: pointer;
}
.fixed {
  height: 28px !important;
  width: 78px !important;
  cursor: pointer;
}

